<template>
<!-- 这里设置id是因为 底部导航栏就只有一个，少数 -->
    <div id="tab-bar"> 
      <slot></slot>  
    </div>
</template>

<script>

export default({
    name:'Tabbar',

})

</script>

<style scoped>
 #tab-bar{
    display: flex;
    background-color:#ccc;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    box-shadow: 0px -3px 1px rgba(157, 236, 232, 0.5)
  }
</style>
